<!-- 逻辑代码块-->
<script setup lang="ts">
import { idText } from 'typescript'

// 布尔
const male: boolean = false
// 函数
const getInfo = () => {
  return '哈利路亚大旋风'
}
// 对象
const data = {
  name: '李华',
  color: '白色',
  id: 1,
  function() {
    return '噩梦缠绕'
  },
}
</script>

<!-- 结构块:-->
<template>
  <!-- 插值表达式{{}} -->
  <h1>{{ male ? '我喜欢你' : '你喜欢我' }}</h1>

  <h1>{{ getInfo() }}</h1>

  <h1 class="title3">{{ data.function() }}</h1>
</template>

<!-- 样式块-->
<style scoped>
.title3 {
  color: aqua;
}
</style>
